<div class="index-1-left-1">
    <div class="index-title">
        <span>设备信息</span>
    </div>
    <div class="flex justify-around border-bottom index-1-left-1-content">
        <div class="flex justify-start">
            <div class="index-1-left-img">
                <i class="fa fa-building-o"></i>
            </div>
            <div>
                <div class="index-number">{{indexMachineViewInfo.accessControlCount}}
                    <span class="index-number-unit">个</span>
                    <span style="font-size: 16px">（离线 {{indexMachineViewInfo.accessControlOfflineCount}}）</span>
                </div>
                <div class="index-number-describe">门禁</div>
            </div>
        </div>
        <div class="flex justify-start">
            <div class="index-1-left-img">
                <i class="fa fa-home"></i>
            </div>
            <div>
                <div class="index-number">{{indexMachineViewInfo.barrierCount}}
                    <span class="index-number-unit">个</span>
                    <span style="font-size: 16px">（离线 {{indexMachineViewInfo.barrierOfflineCount}}）</span>
                </div>
                <div class="index-number-describe">道闸</div>
            </div>
        </div>
        <div class="flex justify-start">
            <div class="index-1-left-img">
                <i class="fa fa-cube"></i>
            </div>
            <div>
                <div class="index-number">{{indexMachineViewInfo.chargeCount}}
                    <span class="index-number-unit">个</span>
                    <span style="font-size: 16px">（离线 {{indexMachineViewInfo.chargeOfflineCount}}）</span>
                </div>
                <div class="index-number-describe">充电桩</div>
            </div>
        </div>
        <div class="flex justify-start">
            <div class="index-1-left-img">
                <i class="fa fa-truck"></i>
            </div>
            <div>
                <div class="index-number">{{indexMachineViewInfo.meterCount}}
                    <span class="index-number-unit">个</span>
                    <span style="font-size: 16px">（离线 {{indexMachineViewInfo.meterOfflineCount}}）</span>
                </div>
                <div class="index-number-describe">水电表</div>
            </div>
        </div>
    </div>
    <div class="flex justify-between index-1-left-1-bottom">
        <div class="flex justify-between index-1-left-1-bottom-item">
            <div class="text-center">
                <div class="index-name">电梯</div>
                <div class="index-name-ico">
                    <i class="fa fa-user"></i>
                </div>
            </div>
            <div class="text-center">
                <div class="index-number">{{indexMachineViewInfo.liftCount}}
                    <span class="index-number-unit">个</span>
                    <span style="font-size: 16px">（离线 {{indexMachineViewInfo.liftOfflineCount}}）</span>
                </div>
                <div class="index-number-describe margin-top-sm" @click="_toLift()">查看电梯></div>
            </div>
        </div>
        <div class="flex justify-between index-1-left-1-bottom-item">
            <div class="text-center">
                <div class="index-name">路灯</div>
                <div class="index-name-ico">
                    <i class="fa fa-car"></i>
                </div>
            </div>
            <div class="text-center">
                <div class="index-number">{{indexMachineViewInfo.lampCount}}
                    <span class="index-number-unit">个</span>
                    <span style="font-size: 16px">（离线 {{indexMachineViewInfo.lampOfflineCount}}）</span>
                </div>
                <div class="index-number-describe margin-top-sm" @click="_toLamp()">查看路灯></div>
            </div>
        </div>
    </div>
</div>